/* Responsive overrides for Pre-Orders page layout. Non-destructive: only adds responsive adjustments. */

/* Tablet and below */
@media (max-width: 992px) {
  .preorders-admin-content { padding: 1rem 1.25rem; }

  .preorders-header { flex-direction: column; align-items: stretch; gap: 12px; }
  .preorders-header .title-section { flex-wrap: wrap; justify-content: space-between; gap: 10px; }
  .preorders-header .filter-dropdown { width: 100%; }
  .preorders-header .order-filter-select { width: 100%; }

  .preorder-item { flex-direction: column; align-items: stretch; gap: 12px; }
  .preorder-actions { flex-wrap: wrap; gap: 10px; }
  .preorder-actions .admin-btn,
  .preorder-actions .delete-btn { flex: 1 1 calc(50% - 10px); min-width: 160px; }
}

/* Mobile */
@media (max-width: 576px) {
  .preorders-title { font-size: clamp(22px, 6vw, 32px); }
  .preorders-list { padding: 20px; max-width: 420px; margin: 0 auto; }

  .preorders-header { align-items: center; }
  .preorders-header .title-section { flex-direction: column; align-items: center; gap: 8px; }
  .preorders-header .title-section h3 { text-align: center; }
  .preorders-header .admin-btn.delete-btn { width: 220px; align-self: center; }

  .filter-dropdown { width: 100%; margin-top: 6px; }
  .preorders-header .order-filter-select { width: 100%; }

  .preorder-info h4 { font-size: 15px; }
  .preorder-info p { font-size: 13px; }

  /* Stack action buttons full-width */
  .preorder-actions { display: grid; grid-template-columns: 1fr; gap: 8px; }
  .preorder-actions .admin-btn,
  .preorder-actions .delete-btn { width: 100%; min-width: 0; }
}

/* Very small devices */
@media (max-width: 380px) {
  .preorders-list { padding: 16px; }
  .order-filter-select { font-size: 13px; padding: 8px 12px; }
  .preorder-actions .admin-btn,
  .preorder-actions .delete-btn { padding: 8px 12px; font-size: 13px; }
}